<template>
  <div class="avatar">
    <q-avatar :size="size">
      <img :src="src" />
      <q-tooltip v-if="userId" class="tooltip shadow-4" style="padding:0;margin:0">
        <user-popup :id="userId" />
      </q-tooltip>
    </q-avatar>
  </div>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
import UserPopup from 'components/utils/UserPopup.vue';
export default defineComponent({
  props: {
    size: String,
    src: String,
    userId: String,
  },
  components: { UserPopup },
  setup() {
    return {};
  },
});
</script>
<style lang="scss">
</style>